@import 'default';

// reset css
* {
  padding: 0;
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  min-width: 1024px;
  font-size: 12px;
  line-height: unset;
}

body {
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', Arial, sans-serif !important;
  background: var(--datav-body-bg);
  -webkit-font-smoothing: antialiased;

  &::-webkit-scrollbar {
    display: none;
  }
}

a {
  text-decoration: none;
}

ol,
ul {
  list-style: none;
}

::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background: #434b55;
}

::-webkit-scrollbar-corner {
  display: none;
}

#app {
  width: 100%;
  height: 100%;
}

.vc-colorpicker.black {
  background-color: #161616 !important;
  box-shadow: 0 0 10px #000000c2;

  .vc-display {
    .vc-color-input,
    .vc-alpha-input {
      input {
        color: #bfb2b2 !important;
      }
    }

    .vc-current-color {
      box-shadow: none;
    }
  }

  .vc-colorpicker--tabs {
    background: transparent;

    &__bg {
      background: transparent;
    }

    &__btn.vc-btn-active {
      background: #262c33;
    }

    .vc-colorpicker--tabs__inner {
      background: #191c21;
      border-radius: 4px;
    }
  }

  .vc-colorPicker__record .color-list .color-item {
    box-shadow: none;
  }

  .vc-gradient-picker .vc-gradient__types .vc-gradient__type {
    color: #a3a3a3;
  }

  .vc-gradient-picker__body .vc-degree-input__control {
    color: #a3a3a3;

    input {
      color: #a3a3a3;
    }
  }
}
